<!DOCTYPE html> 
<html>
<head>
	<title>添加新歌</title>
	
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<meta http-equiv="Cache-Control" content="no-store" />
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Expires" content="0" />

<meta name="apple-touch-fullscreen" content="YES">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="format-detection" content="telephone=no">

<link type="image/x-icon" href="/PracticalTraining/static/images/favicon.ico" rel="shortcut icon">
<link href="/PracticalTraining/static/bootstrap/2.3.2/css/bootstrap.min.css" type="text/css" rel="stylesheet" />
<link href="/PracticalTraining/static/jquery-validation/1.11.1/validate.css" type="text/css" rel="stylesheet" />
<link href="/PracticalTraining/static/styles/default.css" type="text/css" rel="stylesheet" />
<link href="/PracticalTraining/static/layui2/css/layui.css" type="text/css" rel="stylesheet" />
<link href="/PracticalTraining/static/uploadify/uploadify.css" type="text/css" rel="stylesheet" />
<script src="/PracticalTraining/static/jquery/jquery-1.9.1.min.js" type="text/javascript"></script>
<script src="/PracticalTraining/static/jquery-validation/1.11.1/jquery.validate.min.js" type="text/javascript"></script>
<script src="/PracticalTraining/static/jquery-validation/1.11.1/messages_bs_zh.js" type="text/javascript"></script>
<script src="/PracticalTraining/static/uploadify/jquery.uploadify.min.js" type="text/javascript"></script>

<script type="text/javascript" src="/PracticalTraining/static/js/jqmobi.js"></script>
<script src="/PracticalTraining/static/js/url.js" type="text/javascript"></script>
<script src="/PracticalTraining/static/js/addSong.js" type="text/javascript"></script>
<script src="/PracticalTraining/static/layer/layer.js" type="text/javascript"></script>
<script type="text/javascript" src="/PracticalTraining/static/layui2/layui.js"></script>
</head>
<body>
<div id="message" class="alert alert-danger" style="display:none;"><button data-dismiss="alert" class="close">×</button>添加成功</div>
	<form id="inputForm" action="/PracticalTraining/song/newSong" method="post" enctype="multipart/form-data" class="form-horizontal">
		<fieldset>
			<legend><small>添加新歌</small></legend>
		
			<div class="control-group">
				<label for="fileName" class="control-label">MP3文件:</label>
				<div class="controls">
					<input type="file" name="songFile" id="fileToUpload" onchange="fileSelected()" required/>
					<div style="color:#FF0000;display: none;" class="errorMsg">
					</div>
				</div>
<!-- 				<div class="controls"><input type="button" onclick="uploadFile()" value="上传" /></div> -->
				<div class="controls song-msg" id="fileName"></div>
			    <div class="controls song-msg" id="fileSize"></div>
			    <div class="controls song-msg" id="fileType"></div>
			    <div class="controls song-msg" id="progressNumber"></div>
			</div>
			<div class="control-group">
				<label for="imgName" class="control-label">图片文件:</label>
				<div class="controls">
					<input type="file" name="imgFile" id="imgFileToUpload" required/>
					<div style="color:#FF0000;display: none;" class="errorMsg">
					</div>
				</div>
			</div>
			<div class="control-group">
				<label for="lyrName" class="control-label">歌词文件:</label>
				<div class="controls">
					<input type="file" name="lyrFile" id="lyrFileToUpload" required/>
					<div style="color:#FF0000;display: none;" class="errorMsg">
					</div>
				</div>
			</div>
				<div class="control-group">
				<label for="songName" class="control-label">歌名:</label>
				<div class="controls">
					<input type="text" id="songName" name="songName" class="input-large required" required/>
				</div>
			</div>
			<div class="control-group">
				<label for="singer" class="control-label">歌手:</label>
				<div class="controls">
					<input type="text" id="singer" name="singer" class="input-large required" required/>
				</div>
			</div>
			<div class="control-group">
				<label for="album" class="control-label">专辑:</label>
				<div class="controls">
					<input type="text" id="album" name="album" class="input-large"/>
				</div>
			</div>
			
			<div class="form-actions">
				<input id="submit_btn" class="btn btn-primary" type="button" onclick = "uploadFile()" value="提交"/>&nbsp;	
				<input id="cancel_btn" class="btn" type="button" value="查看" onclick="showSong()"/>
			</div>
		</fieldset>
	</form>
	<!-- <div class="list-group">
	  <a href="#" class="list-group-item active">
	    Cras justo odio
	  </a>
	  <a href="#" class="list-group-item">Dapibus ac facilisis in</a>
	  <a href="#" class="list-group-item">Morbi leo risus</a>
	  <a href="#" class="list-group-item">Porta ac consectetur ac</a>
	  <a href="#" class="list-group-item">Vestibulum at eros</a>
	</div> -->
</body>
</html>
